<template>
  <div class="panel-footer-nav">
    <consolePanel />
    <statusBar />
  </div>
</template>
<script>
import consolePanel from './consolePanel/framePanel'
import statusBar from './status-bar'

export default {
  name: 'PanelFooterNav',
  components: { consolePanel, statusBar },
  model: {},
  props: {},
  data() {
    return {}
  },
  computed: {},

  watch: {},
  created() {},
  mounted() {},
  beforeDestroy() {},
  methods: {}
}
</script>
<style lang="scss" scoped>
@import '../style/panel-var.scss';
@import '../style/panel-mixin.scss';
.panel-footer-nav {
  width: 100%;
  height: 70px;
  position: relative;
  color: rgba(193, 255, 251, 0.6);
  background-color: $bg-color;
  /* background-image: linear-gradient(#091d2e 1px, transparent 0),
    linear-gradient(90deg, #091d2e 1px, transparent 0);
  background-size: 24px 24px; */
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
}
</style>
